/*
 * SalvadorCard GTI
 * Desenvolvedores: Rogério de Santana Maia, Ademir Cerqueira
 * Estatísticas de Sistema PalmBus.
 */


function Estatisticas(Logado){


    /*Validações para o form de pesquisa das não conformidade*/
    Ext.apply(Ext.form.VTypes, {

        campoHora  : function(valor){
            
           
            if(valor == '2'){
                alert('ACHEI o 2');
                
                return false;

            }else{
                return true;
            }
        },
        campoEmBrancoText : 'Preencha com hora, minutos e segundos!'
    },{
        daterange : function(val, field) {
            var date = field.parseDate(val);

            if(!date){
                return false;
            }
           
            if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
                var start = Ext.getCmp(field.startDateField);
                start.setMaxValue(date);
                start.validate();
                this.dateRangeMax = date;
            }
            else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
                var end = Ext.getCmp(field.endDateField);
                end.setMinValue(date);
                end.validate();
                this.dateRangeMin = date;
            }
            /*
         * Always return true since we're only using this vtype to set the
         * min/max allowed values (these are tested for after the vtype test)
         */
            return true;
        }
    }
    );



    /************************************** GRAFICO *****************************/
    Ext.chart.Chart.CHART_URL = 'js/ext-3.1.1/resources/charts.swf';

    var proxy=new Ext.data.HttpProxy(   {
        url:'grafico1.do'
    } );

    var reader=new Ext.data.JsonReader(
    {
        totalProperty:'total',
        root:'grafico1',
        remoteSort: false,
        fields: [
        'data',
        'quantidade',
        'valorFurtado'
        ]
    });

    //Store
    var storeChart =new Ext.data.Store(    {
        proxy:proxy,
        reader:reader
    });

    //grid.setVisible(false);

    //faz a mudança de $ para R$
    var rendererReal = function(v){
        return Ext.util.Format.usMoney(v).replace('$','R$ ');
    }

    var grafico =  new Ext.Panel({

        title: 'Quantidade de Ônibus',
        //renderTo: 'tabela',
       
        height:270,
        x:50,
        y:50,
        layout:'absolute',
   
        items: {
            xtype: 'columnchart',
            store: storeChart,
            xField: 'data',
            yField:'quantidade',
            tipRenderer : function(chart, record){
                return  ' - Quantidade de ônibus: '+ record.data.quantidade+
                '\n\n - Quantidade total:  ' + rendererReal(record.data.valorFurtado );
            }
        }
    });

    storeChart.load();

 


    /****************PAINEL DO PERIODO NAO CONFORMIODADE OPERACAO****************/


    // store para popular o combo das operadoras

    var storeComboOperadoras = new Ext.data.Store(
    {
        proxy: new Ext.data.HttpProxy({
            url: 'buscaroperadoras.do'
        }),

        reader: new Ext.data.JsonReader({
            root:'operadoras',
            totalProperty:'total',
            remoteSort: false,
            fields: ['nome']
        })
    });


    var storeComboLocalPesquisa = new Ext.data.Store(
    {
        proxy: new Ext.data.HttpProxy({
            url: 'buscarPesquisas.do'
        }),

        reader: new Ext.data.JsonReader({
            root:'pesquisas',
            totalProperty:'total',
            remoteSort: false,
            fields: ['codigo']
        })

    });


    /****************PAINEL PERIODO NAO CONFORMIDADE OPERACAO ***************/

    var proxyNaoConformidadeOperacao =new Ext.data.HttpProxy(   {  // dados da primeira grid
        url:'buscarquadronaoconformidadeoperacao.do'
    } );


    var readerNaoConformidadeOperacao =new Ext.data.JsonReader( // ... da primeira grid
    {
        totalProperty:'total',
        root:'naoconformidadeoperacao',
        remoteSort: false,
        fields: ['data','local','operadora','sentido','hora','onibus','linha','descricao' ]
    });


    //monta o  primeiro store para a tabela de nao conformidade item operacao
    var storeNaoConformidadeOperacao =new Ext.data.Store({
        proxy:proxyNaoConformidadeOperacao,
        reader:readerNaoConformidadeOperacao
    });


    var painelPeriodoNaoConformidadeOperacao =  new Ext.Panel({
        title: 'Não Conformidade/Operação',
        labelAlign: 'left',
        frame:true,
        bodyStyle:'padding:5px 5px 0',
        items: [{
            layout:'column',
            items:[{
                columnWidth:.5,
                layout: 'form',
                items: [{
                    vtype:'daterange',
                    endDateField: 'nao-conformidade-operacao-fim',
                    xtype:'datefield',
                    tabIndex:1,
                    labelAlign: 'left',
                    fieldLabel: 'Início',
                    name: 'nao-conformidade-operacao-inicio',
                    id: 'nao-conformidade-operacao-inicio',
                    anchor:'95%'
                },{

                    xtype:"combo",
                    tabIndex:3,
                    fieldLabel: 'Operadora',
                    store:storeComboOperadoras,
                    id: 'nao-conformidade-operacao-operadora',
                    name: 'nao-conformidade-operacao-operadora',
                    valueField: 'nome',
                    displayField:'nome',
                    forceSelection: true,
                    triggerAction: 'all',//fazer a listagem aparecer na frente da
                    emptyText:'Selecione...',
                    anchor:"95%"

                },
                {
                    vtype:'campoHora',
                    xtype:"textfield",
                    tabIndex:5,
                    fieldLabel:"Hora Inicial",
                    id:'nao-conformidade-operacao-hora-inicial',
                    name:'nao-conformidade-operacao-hora-inicial',
                    plugins   : [new Ext.ux.InputTextMask('99:99:99', true)],
                    anchor:"95%"
                }]
            },{
                columnWidth:.5,
                layout: 'form',
                items: [{
                    vtype:'daterange',
                    startDateField: 'nao-conformidade-operacao-inicio',
                    xtype:'datefield',
                    tabIndex:2,
                    fieldLabel: 'Fim',
                    name: 'nao-conformidade-operacao-fim',
                    id:'nao-conformidade-operacao-fim',
                    anchor:'95%'
                },{
                    xtype:"combo",
                    tabIndex:4,
                    fieldLabel: 'Local de Pesquisa',
                    store: storeComboLocalPesquisa,
                    id: 'nao-conformidade-operacao-local-de-pesquisa',
                    name: 'nao-conformidade-operacao-local-de-pesquisa',
                    valueField: 'codigo',
                    displayField:'codigo',
                    forceSelection: true,
                    triggerAction: 'all',//fazer a listagem aparecer na frente da
                    emptyText:'Selecione...',
                    anchor:"95%"
                   
                } ,{
                    xtype:"textfield",
                    tabIndex:6,
                    fieldLabel:"Hora Final",
                    id:'nao-conformidade-operacao-hora-final',
                    name:'nao-conformidade-operacao-hora-final',
                    plugins   : [new Ext.ux.InputTextMask('99:99:99', true)],
                    anchor:"95%"
                }]
            }]
        }],

        buttons: [{
            text: 'Pesquisar',
            icon:'images/pesquisar.png',
            handler: function(){

                if((document.getElementById('nao-conformidade-operacao-inicio').value == "") ||
                    document.getElementById('nao-conformidade-operacao-fim').value == "" ||
                    document.getElementById('nao-conformidade-operacao-operadora').value == "" ||
                    document.getElementById('nao-conformidade-operacao-operadora').value == "Selecione..." ||
                    document.getElementById('nao-conformidade-operacao-local-de-pesquisa').value == "" ||
                    document.getElementById('nao-conformidade-operacao-local-de-pesquisa').value == "Selecione..." ||
                    document.getElementById('nao-conformidade-operacao-hora-inicial').value == "" ||
                    document.getElementById('nao-conformidade-operacao-hora-final').value  == ""
                    ){
                    Ext.MessageBox.show({
                        id:'aviso-operacao',
                        buttons: Ext.MessageBox.OK,
                        title:'Atenção',
                        msg:'<b><br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha todos os campos.<br/></b>',
                        animEl:'win2'
                    });

                    return false;
                }else{

                    /*validação dos campos hora Inicial e Final pra o formato HH/MIN/SEG*/

                    var strAuxHoraInicio = "";
                    strAuxHoraInicio = document.getElementById('nao-conformidade-operacao-hora-inicial').value;
                    strAuxHoraInicio = strAuxHoraInicio.charAt(0) + strAuxHoraInicio.charAt(1);
                    var horaI = parseInt(strAuxHoraInicio);
                    if(horaI > 24){
                        Ext.MessageBox.show({
                            id:'aviso-erro hora',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha o campo <b>Hora Inicial</b> corretamente.<br/>',
                            animEl:'win2'
                        });
                        document.getElementById('nao-conformidade-operacao-hora-inicial').value = "";
                        return false;
                    }

                    var strAuxMinutoInicio = "";
                    strAuxMinutoInicio = document.getElementById('nao-conformidade-operacao-hora-inicial').value;
                    strAuxMinutoInicio = strAuxMinutoInicio.charAt(3) + strAuxMinutoInicio.charAt(4);
                    var minI = parseInt(strAuxMinutoInicio);
                    if(minI > 60){
                        Ext.MessageBox.show({
                            id:'aviso-erro hora',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha o campo <b>Hora Inicial</b> corretamente.<br/>',
                            animEl:'win2'
                        });
                        document.getElementById('nao-conformidade-operacao-hora-inicial').value = "";
                        return false;
                    }


                    var strAuxSegundoInicio = "";
                    strAuxSegundoInicio = document.getElementById('nao-conformidade-operacao-hora-inicial').value;
                    strAuxSegundoInicio = strAuxSegundoInicio.charAt(6) + strAuxSegundoInicio.charAt(7);
                    var segI = parseInt(strAuxSegundoInicio);
                    if(segI > 60){
                        Ext.MessageBox.show({
                            id:'aviso-erro hora',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha o campo <b>Hora Inicial</b> corretamente.<br/>',
                            animEl:'win2'
                        });
                        document.getElementById('nao-conformidade-operacao-hora-inicial').value = "";
                        return false;
                    }
                    
                    var strAuxHoraFim = "";
                    strAuxHoraFim = document.getElementById('nao-conformidade-operacao-hora-final').value;
                    strAuxHoraFim = strAuxHoraFim.charAt(0) + strAuxHoraFim.charAt(1);
                    var horaF = parseInt(strAuxHoraFim);
                    if(horaF > 24){
                        Ext.MessageBox.show({
                            id:'aviso-erro hora',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha o campo <b>Hora Final</b> corretamente.<br/>',
                            animEl:'win2'
                        });
                        document.getElementById('nao-conformidade-operacao-hora-final').value = "";
                        return false;
                    }

                    var strAuxMinutoFim = "";
                    strAuxMinutoFim = document.getElementById('nao-conformidade-operacao-hora-final').value;
                    strAuxMinutoFim = strAuxMinutoFim.charAt(3) + strAuxMinutoFim.charAt(4);
                    var minF = parseInt(strAuxMinutoFim);
                    if(minF > 60){
                        Ext.MessageBox.show({
                            id:'aviso-erro hora',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha os campo <b>Hora Final</b> corretamente.<br/>',
                            animEl:'win2'
                        });
                        document.getElementById('nao-conformidade-operacao-hora-final').value = "";
                        return false;
                    }


                    var strAuxSegundoFim = "";
                    strAuxSegundoFim = document.getElementById('nao-conformidade-operacao-hora-final').value;
                    strAuxSegundoFim = strAuxSegundoFim.charAt(6) + strAuxSegundoFim.charAt(7);
                    var segF = parseInt(strAuxSegundoFim);
                    if(segF > 60){
                        Ext.MessageBox.show({
                            id:'aviso-erro hora',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha o campo <b>Hora Final</b> corretamente.<br/>',
                            animEl:'win2'
                        });
                        document.getElementById('nao-conformidade-operacao-hora-final').value = "";
                        return false;
                    }
                   

                    storeNaoConformidadeOperacao.load({
                        proxy: proxyNaoConformidadeOperacao,
                        reader:readerNaoConformidadeOperacao,
                        params:{
                            operadora: document.getElementById('nao-conformidade-operacao-operadora').value,
                            local:  document.getElementById('nao-conformidade-operacao-local-de-pesquisa').value,
                            inicioPeriodo: document.getElementById('nao-conformidade-operacao-inicio').value,
                            fimPeriodo: document.getElementById('nao-conformidade-operacao-fim').value,
                            horaInicial:  document.getElementById('nao-conformidade-operacao-hora-inicial').value,
                            horaFinal: document.getElementById('nao-conformidade-operacao-hora-final').value
                        }
                    });
                    return true;
                }
            }
        }]
    });


    /******************TABELA DE NAO CONFORMIDADE OPERACAO*************************/
    //pega os dados no formato json gravado pela action
  

    var tabelaNaoConformidadeOperacao =  new Ext.grid.GridPanel({
        id:'tabela-nao-conformidade',
        name:'tabela-nao-conformidade',
        store:storeNaoConformidadeOperacao,
        loadMask: true,//apenas mostra a anima??o de carregamento
        title:'',
        frame:true,
        height:270,
        columns:[
        {
            header: "DATA",
            width: 70,
            align:'center',
            sortable: true,
            dataIndex: 'data'
        },{
            header: "LOCAL",
            width: 170,
            align:'center',
            sortable: true,
            dataIndex: 'local'
        },{
            header: "OPERADORA",
            width: 100,
            align:'center',
            sortable: true,
            dataIndex: 'operadora'
        },{
            header: "SENTIDO",
            width: 75,
            align:'center',
            sortable: true,
            dataIndex: 'sentido'
        },{
            header: "HORA",
            width: 70,
            align:'center',
            sortable: true,
            dataIndex: 'hora'
        },{
            header: "ÔNIBUS",
            width: 70,
            align:'center',
            sortable: true,
            dataIndex: 'onibus'
        },{
            header: "LINHA",
            width: 70,
            align:'center',
            sortable: true,
            dataIndex: 'linha'
        },{
            header: "DESCRICAO",
            width: 140,
            align:'center',
            sortable: true,
            dataIndex: 'descricao'
        }
        ],
        tbar: new Ext.Toolbar({
            buttons: [
            {
                text:'&nbsp;&nbsp;Refresh',
                xtype: 'tbbutton',
                icon: 'images/refresh.png',
                handler: function(){
                    storeNaoConformidadeOperacao.reload();

                }
            }
            ]
        }),
        bbar: [{
            xtype: 'tbtext',
            text: 'Tabela com as não conformidades...'
        }]
    })

    tabelaNaoConformidadeOperacao.show();



    /****************PAINEL PERIODO NAO CONFORMIDADE PROGRAMACAO***************/

    var painelPeriodoNaoConformidadeProgramacao =  new Ext.Panel({

        title: 'Não Conformidade/Programação',
        labelAlign: 'left',
        frame:true,
        bodyStyle:'padding:5px 5px 0',
        items: [{
            layout:'column',
            items:[{
                columnWidth:.5,
                layout: 'form',
                items: [{
                    vtype:'daterange',
                    endDateField: 'nao-conformidade-programacao-fim',
                    xtype:'datefield',
                    labelAlign: 'left',
                    fieldLabel: 'Início',
                    name: 'nao-conformidade-programacao-inicio',
                    id: 'nao-conformidade-programacao-inicio',
                    anchor:'95%'
                },{

                    xtype:"combo",
                    tabIndex:3,
                    fieldLabel: 'Operadora',
                    store:storeComboOperadoras,
                    id: 'nao-conformidade-programacao-operadora',
                    name: 'nao-conformidade-programacao-operadora',
                    valueField: 'nome',
                    displayField:'nome',
                    forceSelection: true,
                    triggerAction: 'all',//fazer a listagem aparecer na frente da
                    emptyText:'Selecione...',
                    anchor:"95%"

                },
                {
                    xtype:"textfield",
                    tabIndex:5,
                    fieldLabel:"Hora Inicial",
                    id:'nao-conformidade-programacao-hora-inicial',
                    name:'nao-conformidade-programacao-hora-inicial',
                    plugins   : [new Ext.ux.InputTextMask('99:99:99', true)],
                    anchor:"95%"
                }]
            },{
                columnWidth:.5,
                layout: 'form',
                items: [{
                    vtype:'daterange',
                    startDateField: 'nao-conformidade-programacao-inicio',
                    xtype:'datefield',
                    fieldLabel: 'Fim',
                    name: 'nao-conformidade-programacao-fim',
                    id: 'nao-conformidade-programacao-fim',
                    anchor:'95%'
                },{
                    xtype:"combo",
                    tabIndex:3,
                    fieldLabel: 'Local de Pesquisa',
                    store:storeComboLocalPesquisa,
                    id: 'nao-conformidade-programacao-local-de-pesquisa',
                    name: 'nao-conformidade-programacao-local-de-pesquisa',
                    valueField: 'codigo',
                    displayField:'codigo',
                    forceSelection: true,
                    triggerAction: 'all',//fazer a listagem aparecer na frente da
                    emptyText:'Selecione...',
                    anchor:"95%"

                } ,{
                    xtype:"textfield",
                    tabIndex:5,
                    fieldLabel:"Hora Final",
                    id:'nao-conformidade-programacao-hora-final',
                    name:'nao-conformidade-programacao-hora-final',
                    plugins   : [new Ext.ux.InputTextMask('99:99:99', true)],
                    anchor:"95%"
                }]
            }]
        }],

        buttons: [
        {
            text: 'Pesquisar',
            icon:'images/pesquisar.png',
            handler: function(result){


                if((document.getElementById('nao-conformidade-programacao-inicio').value == "") ||
                    document.getElementById('nao-conformidade-programacao-fim').value == "" ||
                    document.getElementById('nao-conformidade-programacao-operadora').value == "" ||
                    document.getElementById('nao-conformidade-programacao-operadora').value == "Selecione..." ||
                    document.getElementById('nao-conformidade-programacao-local-de-pesquisa').value == "" ||
                    document.getElementById('nao-conformidade-programacao-local-de-pesquisa').value == "Selecione..." ||
                    document.getElementById('nao-conformidade-programacao-hora-inicial').value == "" ||
                    document.getElementById('nao-conformidade-programacao-hora-final').value  == ""
                    ){
                    Ext.MessageBox.show({
                        id:'aviso-programacao',
                        buttons: Ext.MessageBox.OK,
                        title:'Atenção',
                        msg:'<b><br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha todos os campos.<br/></b>',
                        animEl:'win2'
                    });

                    return false;
                }else{
                    
                    storeNaoConformidadeOperacao.load(    {
                        proxy:proxyNaoConformidadeOperacao ,
                        reader:readerNaoConformidadeOperacao,
                        params:{
                            operadora:document.getElementById('nao-conformidade-programacao-operadora').value,
                            local:Ext.getCmp('nao-conformidade-programacao-local-de-pesquisa').getValue(),
                            inicioPeriodo:Ext.getCmp('nao-conformidade-programacao-inicio').getValue(),
                            fimPeriodo:Ext.getCmp('nao-conformidade-programacao-fim').getValue()
                        }
                    });
               
                    if(result.responseText == '{success:periodoInvalido}'){
                        Ext.MessageBox.show({
                            id:'aviso-programacao',
                            buttons: Ext.MessageBox.OK,
                            title:'Atenção',
                            msg:'<b><br/><img alt="" src="images/aviso.png" align="center"/>&nbsp;&nbsp;Preencha os campos Hora Inicial e Final corretamente.<br/></b>',
                            animEl:'win2'
                        });

                        return false;
                    }
                    return true
                }
            }
        }]
    });



    /******************TABELA DE NAO CONFORMIDADE PROGRAMACAO*************************/
    //pega os dados no formato json gravado pela action
    var proxyNaoConformidadeProgramacao =new Ext.data.HttpProxy(   {  // dados da primeira grid
        url:'buscarquadronaoconformidadeprogramacao.do'
    } );


    var readerNaoConformidadeProgramacao =new Ext.data.JsonReader( // ... da primeira grid
    {
        totalProperty:'total',
        root:'nao-conformidade-operacao',
        remoteSort: false,
        fields: ['data','local','operadora','sentido','hora','onibus','linha','descricao' ]
    });


    //monta o  primeiro store para a tabela de nao conformidade item operacao
    var storeNaoConformidadeProgramacao =new Ext.data.Store({
        proxy:proxyNaoConformidadeProgramacao,
        reader:readerNaoConformidadeProgramacao
    });


    var tabelaNaoConformidadeProgramacao =  new Ext.grid.GridPanel({
        id:'tabela-nao-conformidade-programacao',
        name:'tabela-nao-conformidade-programacao',
        store:storeNaoConformidadeProgramacao,
        loadMask: true,//apenas mostra a anima??o de carregamento
        title:'',
        frame:true,
        height:270,
        columns:[
        {
            header: "DATA",
            width: 70,
            align:'center',
            sortable: true,
            dataIndex: 'data'
        },{
            header: "LOCAL",
            width: 100,
            align:'center',
            sortable: true,
            dataIndex: 'local'
        },{
            header: "OPERADORA",
            width: 100,
            align:'center',
            sortable: true,
            dataIndex: 'operadora'
        },{
            header: "SENTIDO",
            width: 65,
            align:'center',
            sortable: true,
            dataIndex: 'sentido'
        },{
            header: "HORA",
            width: 65,
            align:'center',
            sortable: true,
            dataIndex: 'hora'
        },{
            header: "ÔNIBUS",
            width: 65,
            align:'center',
            sortable: true,
            dataIndex: 'onibus'
        },{
            header: "LINHA",
            width: 65,
            align:'center',
            sortable: true,
            dataIndex: 'linha'
        },{
            header: "DESCRICAO",
            width: 75,
            align:'center',
            sortable: true,
            dataIndex: 'descricao'
        }
        ],
        tbar: new Ext.Toolbar({
            buttons: [
            {
                text:'&nbsp;&nbsp;Refresh',
                xtype: 'tbbutton',
                icon: 'images/refresh.png',
                handler: function(){
                    storeNaoConformidadeProgramacao.reload();
                }
            }
            ]
        }),
        bbar: [{
            xtype: 'tbtext',
            text: 'Tabela com as não conformidades...'
        }]
    })

    tabelaNaoConformidadeProgramacao.show();



    /**********************************************************/



    var submenuTotalizadores = new Ext.tree.AsyncTreeNode({
        expanded: false,
        align:'right',
        id:'TOTALIZADORES',
        children: [{
            text: '<html>Local&nbsp;de&nbsp;Pesquisa&nbsp;</html>',
            id:'sub-local-pesquisa',
            name:'sub-local-pesquisa',
            leaf: true
        },{
            text: '<html>Pesquisadores&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</html>',
            id:'sub-pesquisadores',
            name:'sub-pesquisadores',
            leaf: true
        },{

            text: '<html>Programação&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</html>',
            id:'sub-programacao',
            name:'sub-programacao',
            leaf: true
        }]


    });

    var submenuNaoConformidade = new Ext.tree.AsyncTreeNode({
        expanded: true,
        id:'NAOCONFORMIDADE',
        children: [{
            text: '<html>Operação&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</html>',
            id:'sub-operacao',
            name:'sub-operacao',
            leaf: true
        },{
            text: '<html>Programação&nbsp;</html>',
            id:'sub-programacao',
            name:'sub-programacao',
            leaf: true
        }]
    });


   
    var menuTotalizadores = new Ext.tree.TreePanel({

        title: '<html><b>Totalizadores</b></html>',
        rootVisible:false,//para esconder o icone da pasta principal
        //collapsible: true,
        root: submenuTotalizadores,
        listeners: {
            // quando clicar em algum elemento da tree executa
            click: function(node){
                if(node.getPath() == '/TOTALIZADORES/sub-local-pesquisa'){
                    alert('peguei local de pesquisa');
                }
                if(node.getPath() == '/TOTALIZADORES/sub-pesquisadores'){
                    alert('peguei submenu pesquisador');
                }
                if(node.getPath() == '/TOTALIZADORES/sub-programacao'){
                    alert('peguei submenu programação');
                }
            }
        },
        height:300

    });


    var menuNaoConformidade = new Ext.tree.TreePanel({
        layout:'anchor',
        title: '<html><b>Não Conformidade</b></html>',
        rootVisible:false,//para esconder o icone da pasta principal
        //collapsible: true,
        root: submenuNaoConformidade,
        listeners: {
            // quando clicar em algum elemento da tree executa
            click: function(node){
                if(node.getPath() == '/NAOCONFORMIDADE/sub-operacao'){

                    painelPeriodoNaoConformidadeOperacao.setVisible(true);
                    tabelaNaoConformidadeOperacao.setVisible(true);

                    painelPeriodoNaoConformidadeProgramacao.hide();
                    tabelaNaoConformidadeProgramacao.hide();

                }
                if(node.getPath() == '/NAOCONFORMIDADE/sub-programacao'){

                    painelPeriodoNaoConformidadeOperacao.hide();
                    tabelaNaoConformidadeOperacao.hide();
                     
                    painelPeriodoNaoConformidadeProgramacao.setVisible(true);
                    tabelaNaoConformidadeProgramacao.setVisible(true);

                }
            }
        },
        height:300

    });




    /*Opção de ajuda contida no Menu */
    var ajuda = new Ext.Panel({
        title: '<html><b>Ajuda</b></html>',
        html: '<html><center><img alt="" src="images/Salvadorcard_logo_grande.gif" width="100" height="40"/><br/><br/>\n\
<b>GTI - Gerência de TI</b><br/>\n\
Informa&ccedil;&otilde;es referente a pesquisa 2010<br/><br/>\n\
<b>FUNCIONAMENTO DAS ESTATÍSTICAS</b><br/><br/>\n\
<span>&nbsp;&nbsp;&nbsp;&nbsp; \n\
<font>As estatísticas são referente as pesquisas efetuadas através do PalmBus(iPod)\n\
e refletem as inconsistências referente aos dados da TACOM e Prefeitura de Salvador.</font></b><br/><br/>\n\
<br/><br/></center><hr/>\n\
<marquee  behavior="scroll" scrollamount="4" ><b>SalvadorCard - Seu Transporte em Movimento &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \n\
GTI - Gerência de TI &nbsp;&nbsp;&nbsp;&nbsp;Desenvolvedores:&nbsp;&nbsp;<img src = "images/user_mas.png"/>&nbsp; Rogério Maia,&nbsp;&nbsp; \n\
<img src = "images/user_mas.png"/>&nbsp;Ademir Cerqueira&nbsp;&nbsp; e&nbsp; <img src = "images/user_mas.png"/>&nbsp;Joel Souza &nbsp;&nbsp;\n\
&nbsp;&nbsp;&nbsp; Coordenação: <img src = "images/user_fem.png"/>&nbsp;Maria Angélica Santos</b></marquee>\n\
</span>\n\
',
        cls:'empty'
    });


    /*Aqui esta contido tot o menu lateral*/
    var accordion = new Ext.Panel({
        region:'west',
        collapsible: true,//permite se pode ou não expandir o menu
        //collapseMode: 'mini', opcao para determinar a forma que fica ao reduzir o menu
        margins:'5 0 5 5',
        split:true,
        autoScroll:true,
        width: 140,
        layout:'accordion',
        layoutConfig:{ //configurando a animacao
            animate:true
        } ,

        items: [/*menuTotalizadores , */menuNaoConformidade, ajuda]
    });



    /* Aqui todas as janelas são escondidas e só são chamadas caso seja clicado
     * em alguma opção do menu*/
    painelPeriodoNaoConformidadeOperacao.setVisible(false);
    tabelaNaoConformidadeOperacao.setVisible(false);
    painelPeriodoNaoConformidadeProgramacao.setVisible(false);
    tabelaNaoConformidadeProgramacao.setVisible(false);





    var win2;
    var button = Ext.get('estatisticas');

    button.on('click', function(){
        var pode = Ext.getCmp('win2');
        //cria uma janela no primeiro click e reusa nos demais clicks

        if(pode == null){

            /*Janela Principal onde todos os formularios e menus são adicionados*/
            var win2 = new Ext.Window({
                layout:'border',
                align:'left',
                id:'win2',
                anchor:'100%',
                name:'win2',
                closeAction:'hide',
                deferredRender: true,
                title:' <html><img src="images/palm_bus_pequeno.png" align="left" width="50" height="40"/></html>',
                width:900,
                height:495,
                //resizable:false,
                plain:true,
                bodyStyle:'padding:20px 35px 75px 25px;',
                items:[
                accordion, {
                    region:'center',
                    margins:'5 5 5 0',
                    cls:'empty',
                    bodyStyle:'background-image:url(images/palm_bus_background.png);  background-repeat: no-repeat; background-position:center;  ',

                    items:[painelPeriodoNaoConformidadeOperacao, tabelaNaoConformidadeOperacao,
                    painelPeriodoNaoConformidadeProgramacao, tabelaNaoConformidadeProgramacao
                    ]

                }]
            });
            win2.show(this);
        }else{
            Ext.getCmp('win2').show();
        }
    });
            
}

